<html>
    <head>
        <title>movable-view</title>
    </head>
    <body>
        <script>
            // movable-view 

                   /*
                        一、概述

                                可移动的视图容器，在页面中可以拖拽滑动或双指缩放。

                                movable-view必须在movable-area组件中，并且必须是直接子节点，否则不能移动。
                   */
                   /*
                        二、平台兼容性

                                App	H5	微信小程序	支付宝小程序	百度小程序	抖音小程序	飞书小程序	QQ小程序	快应用	360小程序	快手小程序	京东小程序	元服务	小红书小程序
                                √	√	√	        √	            √	        √	        x	    √	        √	     √	        √	        √	    √	    √
                   */
                    /*
                        三、属性说明

                                属性名	             类型	        默认值	        说明	                                                                平                          台差异说明
                            1、direction	        String	        none	    movable-view的移动方向，属性值有all、vertical、horizontal、none	
                            
                            2、inertia	            Boolean     	false	    movable-view是否带有惯性	
                            
                            3、out-of-bounds	    Boolean	        false	    超过可移动区域后，movable-view是否还可以移动	
                            
                            4、x	            Number / String		            定义x轴方向的偏移，如果x的值不在可移动范围内，会自动移动到可移动范围；改变x的值会触发动画	
                            
                            5、y	            Number / String		            定义y轴方向的偏移，如果y的值不在可移动范围内，会自动移动到可移动范围；改变y的值会触发动画	
                            
                            6、damping	            Number	        20	        阻尼系数，用于控制x或y改变时的动画和过界回弹的动画，值越大移动越快	360小程序不支持
                            
                            7、friction	            Number	        2	        摩擦系数，用于控制惯性滑动的动画，值越大摩擦力越大，滑动越快停止；必须大于0，否则会被设置成默认值	        360小程序不支持
                            
                            8、disabled	            Boolean	        false	    是否禁用	
                            
                            9、scale	            Boolean	        false	    是否支持双指缩放，默认缩放手势生效区域是在movable-view内	                                            360小程序不支持
                            
                            10、scale-min	        Number	        0.1/0.5	    定义缩放倍数最小值	0.1 倍需要                                                          App(4.51+)、H5(4.51+)、微信小程序(4.51+)
                            
                            11、scale-max	        Number	        10	        定义缩放倍数最大值	
                            
                            12、scale-value	        Number	        1	        定义缩放倍数，取值范围为 0.1/0.5 - 10	0.1 倍需要                                          App(4.51+)、H5(4.51+)、微信小程序(4.51+)
                            
                            13、animation	        Boolean	        true	    是否使用动画	
                    
                        ------以下为事件绑定属性------

                            14、@change	EventHandle		                        拖动过程中触发的事件，
                                                                                event.detail = {x: x, y: y, source: source}，
                                                                                其中source表示产生移动的原因，
                                                                                值可为touch（拖动）、
                                                                                touch-out-of-bounds（超出移动范围）、
                                                                                out-of-bounds（超出移动范围后的回弹）、
                                                                                friction（惯性）和空字符串（setData）	
                            
                            15、@scale	            EventHandle		            缩放过程中触发的事件，event.detail = {x: x, y: y, scale: scale}，
                    */
        </script>
    </body>
</html>